import { Grid, Heading, Text } from '@chakra-ui/react';
import { useI18n } from '@/i18n/context';

const SomeText = () => {
  const { I18N } = useI18n();
  return (
    <Grid textAlign='center' gap={2}>
      <Heading fontSize='2xl' fontWeight='extrabold'>
        {I18N.currentLang}
      </Heading>
      <Text fontSize='sm'>
        This is a vite react template with Chakra-UI and TypeScript setup.
      </Text>
    </Grid>
  );
};

export default SomeText;
